﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.clear{
			clear: both;
		}
		.father{
			width: 327px;
			margin: 0 auto;
			background-color: yellow;
		}
		/*.father>div{
			height: 109px;
			width: 129px;
			border: 8px solid #dadfe7;
			float: left;
			margin: 10px 0 7px 11px;
		}
		.father>div:nth-child(even){
			margin-left: 15px;
		}
		.content{
			float: left;
			width: 65px;
			padding: 10px 10px 7px 11px;
		}
		.content>p{
			font-size: 14px;
			font-family: "宋体";
		}
		.content>span{
			font-size: 11px;
			line-height: 15px;
			font-family: "宋体";
		}*/
		ul{
			list-style: none;
		}
		li{
			height: 109px;
			width: 129px;
			border: 8px solid #dadfe7;
			float: left;
			margin: 10px 0 7px 11px;
		}
		.father ul>li:nth-child(even){
			margin-left: 15px;
		}
		.father ul li>span{
			position: relative;
			display: block;
			padding: 9px;
		}
		.father ul li>span>img{
			display: block;
			position: absolute;
			top: 60px;
			right: 10px;
		}
		.father ul li>span>p{
			font-size: 14px;
			font-family: "宋体";
		}
		.father ul li>span>span{
			font-size: 10px;
    		display: block;
   			font-family: "宋体";
   			width: 67px;
    		text-align: justify;
    		line-height: 13px;
    		margin-top: 8px;
    		float: left;
		}
	</style>
	<body>
		<div class="father">
			<ul>
				<li>
					<span>
						<p>采购</p>
						<span>有创意的想法和充满欲望的开创未来联合聘用人才。.</span>
						<img src="img/38.png"/>
					</span>
				</li>
				<li>
					<span>
						<p>招聘信息</p>
						<span>基于多年的社区能力的经验,充分发挥聘请人才.</span>
						<img src="img/Layer 172.png"/>
					</span>
				</li>
				<li>
					<span>
						<p>文员</p>
						<span>所有营的工作人员总是在一 起，可以是一个招聘称职的员工。  </span>
						<img src="img/Layer 171.png"/>
					</span>
				</li>
				<li>
					<span>
						<p>呼叫中心坐席</p>
						<span>客户需要伸出援助之手，每当你使用一个代理来.</span>
						<img src="img/Layer 173.png"/>
					</span>
				</li>
			</ul>
		</div>
		<a href="index.html">上一页</a>
	</body>
</html>
